<template>
<!--  <zui-search></zui-search>-->
<!--  <zui-text></zui-text>-->
  <div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4">
    <div class="flex-shrink-0">
      <img class="h-12 w-12" src="/img/logo.svg" alt="ChitChat Logo">
    </div>
    <div>
      <div class="text-xl font-medium text-black">ChitChat</div>
      <p class="text-gray-500">You have a new message!</p>
    </div>
  </div>
</template>
<script>

import ZuiText from "@/components/zui-text";
import ZuiSearch from "@/components/zui-search";

const {onMounted} = require("vue");

export default {
  name: 'App',
  components: {
    ZuiSearch,
    ZuiText
  },
  setup() {

  }
}
</script>

<style>
</style>
